{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "btn-hover-multiple",
  "type": "registry:component",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/button/btn-hover-multiple.tsx",
      "content": "const ButtonHoverMultiple = () => {\r\n  return (\r\n    <>\r\n      <button className='group relative'>\r\n        <div\r\n          className='relative z-10 inline-flex h-12 items-center justify-center overflow-hidden rounded-full\r\n        bg-linear-to-r dark:from-[#070e41] dark:to-[#263381] from-[#f6f7ff] to-[#f5f6ff] dark:border-[rgb(76_100_255)] border-2 border-[#263381] \r\n         bg-transparent px-6 font-medium dark:text-white text-black  transition-all duration-300 group-hover:-translate-x-3 group-hover:-translate-y-3'\r\n        >\r\n          Contact me\r\n        </div>\r\n        <div className='absolute inset-0 z-0 h-full w-full rounded-full transition-all duration-300 group-hover:-translate-x-3 group-hover:-translate-y-3  group-hover:[box-shadow:5px_5px_#394481,10px_10px_#5766be,15px_15px_#8898f3]'></div>\r\n      </button>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ButtonHoverMultiple;\r\n",
      "type": "registry:component"
    }
  ]
}